.listselect{height: 250px;width: 325px;border: 1px solid #B8D0D6;}

.listselect .item{height: 20px;width: 100%;line-height: 20px;text-indent: 10px;cursor: pointer;background: url("image/bg.png");overflow: hidden;}
.listselect .item_hover{background:url("image/bg.png") 0px -20px;}
.listselect .item_selected{background:url("image/bg.png") 0px -20px;}

.listselect .list{width: 150px;height: 100%;float: left;}
.listselect .list .title{height: 24px;text-indent: 10px;font-weight: bold;border-bottom:1px solid #B8D0D6;line-height: 24px;background: url("image/bg.png") 0px -40px}
.listselect .list .container{height: 200px;overflow: auto;overflow-x: hidden;}
.listselect .list .bottom{height: 24px;border-top:1px solid #B8D0D6;text-align: right;line-height: 24px;padding-right: 10px;background: url("image/bg.png") 0px -40px}

.listselect .center{width: 24px;height: 100%; float: left;border-left:1px solid #B8D0D6;border-right:1px solid #B8D0D6;}
.listselect .center div{height: 24px;width: 24px;cursor: pointer;}
.listselect .center .left{background: url("image/left.png");margin-bottom: 10px;}
.listselect .center .right{background: url("image/right.png");}

.listselect .selected{width: 150px;height:100%;float: left;}
.listselect .selected .title{height: 24px;text-indent: 10px;font-weight: bold;border-bottom:1px solid #B8D0D6;line-height: 24px;background: url("image/bg.png") 0px -40px;}
.listselect .selected .container{height: 200px;overflow: auto;}
.listselect .selected .bottom{height: 24px;border-top:1px solid #B8D0D6;text-align: right;line-height: 24px;padding-right: 10px;background: url("image/bg.png") 0px -40px}